<template>
    <div>
        登录页面

        <div>
            <input type="text" placeholder="输入手机号">
            <button @click="getVdtCode">获取验证码</button>
        </div>
        <router-link to="/register">用户注册？</router-link>
        <button @click="loginEvt">登录</button>
    </div>
</template> 

<script>
    import axios from 'axios'
    import ajaxFunc from '../../apis/Ajax'

    // 单个接口引入
    import { getVdtCodeApi } from '../../apis/loginApi'

    export default {
        created() {
            console.log(this.$route)
        },

        methods: {
            loginEvt() {
                // 缓存用户登录标识，然后再进行页面跳转
                // 因为是读取vuex，所以必须使用vuex缓存
                this.$store.commit('common/setToken', 'token')
                this.$router.push('/home')
            },
            // 获取验证码的方法
            async getVdtCode() {
                let result = await getVdtCodeApi('13691715060')
                console.log(result)
            },
        }
    }
</script>